<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/views/item.php -->
<div class="ui items" style="font-size: 14px;padding: 10px">
	<div class="item" style="background-color: #fff;">
		<div class="image">
			<img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg">
		</div>
		<div class="content">
			<a class="header">标题</a>
			<div class="meta">
				<span>描述</span>
			</div>
			<div class="description">
				<p></p>
			</div>
			<div class="extra">
				额外的细节
			</div>
		</div>
	</div>
	<div class="item" style="background-color: #fff;">
		<div class="image">
			<img src="http://b-ssl.duitang.com/uploads/blog/201505/18/20150518025109_Lfmcx.jpeg">
		</div>
		<div class="content">
			<a class="header">标题</a>
			<div class="meta">
				<span>描述</span>
			</div>
			<div class="description">
				<p></p>
			</div>
			<div class="extra">
				额外的细节
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	//监听项事件

	$('.ui .item').click(function(){
		console.log($(this).index());
	});
</script>